<template>
    <div class="private">
        <div class="divtop">
            <TopBar :text="text"/>
        </div>
        <div class="mybaby">
            <div class="bx">
                <div class="imgs">
                    <img src="https://image2.suning.cn/uimg/cms/img/155981363762074187.png" alt="">
                </div>
                <div class="text">
                    <div>我的宝宝</div>
                    <p>进入成长专区</p>
                </div>
                <div class="jian">
                    <van-icon name="arrow" />
                </div>
            </div>
        </div>
        <div class="mybaby">
            <div class="bx">
                <div class="imgs">
                    <img src="https://image2.suning.cn/uimg/cms/img/155981366373094374.png" alt="">
                </div>
                <div class="text">
                    <div>我的尺码</div>
                    <p>进入成长专区</p>
                </div>
                <div class="jian">
                    <van-icon name="arrow" />
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import TopBar from '@/components/TopBar.vue'

export default {
    data() {
        return {
            text:'我的信息'
        }
    },
    components: {
        TopBar
    }
}
</script>

<style lang="scss" scoped>
.private{
    width: 100%;
    .divtop {
        width: 100%;
        height: 0.45rem;
        background-color: #ffffff;

        .topbox {
            width: 95%;
            padding: 0.05rem 2.5%;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .img {
                width: 0.555rem;
                height: 0.45rem;
                display: flex;

                img {
                    width: 60%;
                    height: 60%;
                }
            }

            .my {
                font-size: 0.17rem;
            }

            .div {
                font-size: 0.15rem;
                box-sizing: border-box;
                height: 100%;
            }
        }
    }
    .mybaby{
        width: 100%;
        height: 0.69rem;
        .bx{
            border-radius: 0.12rem;
            width: 95%;
            height: 0.69rem;
            margin: 2.5%;
            background-color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: start;
            .imgs{
                display: flex;
                width: 0.45rem;
                height: 0.45rem;
                margin-left: 0.12rem;
                margin-right: 0.12rem;
                img{
                    width: 0.45rem;
                    height: 0.45rem;
                }
            }
            .text{
                div{
                    font-size: 0.14rem;
                    color: #222222;
                }
                p{
                    font-size: 0.12rem;
                    color: #999999;
                }
            }
            .jian{
                font-size: 0.12rem;
                margin-left: 1.9rem;
            }
        }
    }
}
</style>